@charset "UTF-8";
/**
 * Created by Been on 2017/6/18.
 */
html,body,#app,ul,li{
    height:100%;
}
#app{
    background: url("../static/images/home_bg.png");
}
ul li{
    float: left;
    width:6.826rem;
    padding-top:2.98rem;
    text-align: center;
}
.title{
    padding:.56rem 0 .32rem;
    font-size: .56rem;
    color:#fff;
}
.description{
    padding-bottom:.24rem;
    font-size:.36rem;
    color:#fff;
}
button{
    width:3.66rem;
    height:1.08rem;
    line-height: 1.08rem;
    background: #fff;
    font-size: .36rem;
    color:#1f9aea;
    border-radius: .08rem;
    margin-top:.56rem;
    padding:0;
}
button a:link, a:active, a:hover, a:visited {
    display: block;
    width:100%;
    height: 100%;
    color:#1f9aea;
}
.create{
    background: rgba(146,212,128,.8);
}
.edit{
    background: rgba(63,147,218,.8);
}
.admin{
    background: rgba(84,161,227,.8);
}
.create div,.edit div,.admin div{
    width:4.7rem;
    height: 4.7rem;
    border-radius: 50%;
    background: #c4e9c0;
    margin:0 auto;
}
div img{
    width:100%;
    height: 100%;
}
.edit div,.admin div{
    background: #9dc6ea;
}
